    <!DOCTYPE html>
    <html lang="zxx" class="no-js">
    <head>
        {include file="./public/user/common/header.html" /}
    </head>
    <body>
        <!-- Start Header Area -->
        {include file="./public/user/common/header_one.html" /}
        <!-- End Header Area -->

        <!-- Start top-section Area -->
        <section class="top-section-area section-gap">
            <div class="container">
                <div class="row justify-content-start align-items-center d-flex">
                    <div class="col-lg-8 top-left">
                        <h1 class="text-white mb-20">Fashion News</h1>
                        {include file="./public/user/common/top-section-area.html" /}
                    </div>
                </div>
            </div>
        </section>
        <!-- End top-section Area -->

        <!-- Start post Area -->
        <div class="post-wrapper pt-100">
            <!-- Start post Area -->
            <section class="post-area">
                <div class="container">
                    <div class="row justify-content-center d-flex">
                        <div class="col-lg-8">
                            <div class="top-posts">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <div class="single-posts col-lg-6 col-sm-6">
                                            <img class="img-fluid" src="__static__/img/asset/p1.jpg" alt="">
                                            <div class="date mt-20 mb-20">10 Jan 2018</div>
                                            <a href="#"><h4 class="text-uppercase">It S Hurricane Season Visiting </h4></a>
                                        </div>
                                        <div class="single-posts col-lg-6 col-sm-6">
                                            <img class="img-fluid" src="__static__/img/asset/p2.jpg" alt="">
                                            <div class="date mt-20 mb-20">10 Jan 2018</div>
                                            <a href="#"><h4 class="text-uppercase">What Makes A Hotel Boutique</h4></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-lists">
                                <div class="single-list flex-row d-flex">
                                    <div class="thumb">
                                        <div class="date">
                                            <span>20</span><br>Dec
                                        </div>
                                        <img src="__static__/img/asset/l1.jpg" alt="">
                                    </div>
                                    <div class="detail">
                                        <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                            Becomes A Problem</h4></a>
                                        <p>
                                            inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                        </p>
                                        <p class="footer pt-20">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                            <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="single-list flex-row d-flex">
                                    <div class="thumb">
                                        <div class="date">
                                            <span>20</span><br>Dec
                                        </div>
                                        <img src="__static__/img/asset/l2.jpg" alt="">
                                    </div>
                                    <div class="detail">
                                        <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                            Becomes A Problem</h4></a>
                                        <p>
                                            inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                        </p>
                                        <p class="footer pt-20">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                            <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="single-list flex-row d-flex">
                                    <div class="thumb">
                                        <div class="date">
                                            <span>20</span><br>Dec
                                        </div>
                                        <img src="__static__/img/asset/l3.jpg" alt="">
                                    </div>
                                    <div class="detail">
                                        <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                            Becomes A Problem</h4></a>
                                        <p>
                                            inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                        </p>
                                        <p class="footer pt-20">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                            <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="single-list flex-row d-flex">
                                    <div class="thumb">
                                        <div class="date">
                                            <span>20</span><br>Dec
                                        </div>
                                        <img src="__static__/img/asset/l4.jpg" alt="">
                                    </div>
                                    <div class="detail">
                                        <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                            Becomes A Problem</h4></a>
                                        <p>
                                            inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                        </p>
                                        <p class="footer pt-20">
                                            <i class="fa fa-heart-o" aria-hidden="true"></i>
                                            <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="justify-content-center d-flex">
                                    <a class="text-uppercase primary-btn loadmore-btn mt-40 mb-60" href="#"> Load More Post</a>
                                </div>
                            </div>
                            <div class="top-posts pt-50">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <div class="single-posts col-lg-6 col-sm-6">
                                            <img class="img-fluid" src="__static__/img/asset/p1.jpg" alt="">
                                            <div class="date mt-20 mb-20">10 Jan 2018</div>
                                            <div class="detail">
                                                <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                                    Becomes A Problem</h4></a>
                                                <p>
                                                    inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                                </p>
                                                <p class="footer pt-20">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                    <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="single-posts col-lg-6 col-sm-6">
                                            <img class="img-fluid" src="__static__/img/asset/p2.jpg" alt="">
                                            <div class="date mt-20 mb-20">10 Jan 2018</div>
                                            <div class="detail">
                                                <a href="#"><h4 class="pb-20">Addiction When Gambling <br>
                                                    Becomes A Problem</h4></a>
                                                <p>
                                                    inappropriate behavior Lorem ipsum dolor sit amet, consecteturinapprop riate behavior Lorem ipsum dolor sit amet, consectetur.
                                                </p>
                                                <p class="footer pt-20">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                    <a href="#">06 Likes</a>     <i class="ml-20 fa fa-comment-o" aria-hidden="true"></i> <a href="#">02 Comments</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="justify-content-center d-flex">
                                            <a class="text-uppercase primary-btn loadmore-btn mt-70 mb-60" href="#"> Load More Post</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {include file="./public/user/common/post-area.html" /}
                    </div>
                </div>
            </section>
            <!-- End post Area -->
        </div>
        <!-- End post Area -->

        <!-- start footer Area -->
        {include file="./public/user/common/footer.html" /}
        <!-- End footer Area -->

        {include file="./public/user/common/JS.html" /}
    </body>
    <script>

    </script>
    </html>